﻿@model dynamic

@{
    ViewBag.Title = "航班列表";
    Layout = "~/Areas/Flights/Views/Shared/_Layout.cshtml";
}
@section styles{
    <link href="~/Areas/Flights/Content/List.css" rel="stylesheet" />
    <style type="text/css">
        .table > tbody > tr > td, .table > tfoot > tr > td {
            vertical-align: middle;
        }
        @@media screen and (max-width: 600px) {
            table#cart tbody td .form-control {
                width: 20%;
                display: inline !important;
            }
            .actions .btn {
                width: 36%;
                margin: 1.5em 0;
            }

            .actions .btn-info {
                float: left;
            }
            .actions .btn-danger {
                float: right;
            }

            table#cart thead { display: none; }
            table#cart tbody td {display: block;padding: .6rem;min-width: 320px;}
            table#cart tbody tr td:first-child {background: #333;color: #fff; }
            table#cart tbody td:before {
                content: attr(data-th);font-weight: bold;
                display: inline-block;width: 8rem;
            }


            table#cart tfoot td { display: block; }
            table#cart tfoot td .btn { display: block; }
        }
    </style>
}

@section Scripts {
    <script src="~/Areas/Flights/Scripts/List.js"></script>
}
<div class="container">
    <h2>航班列表</h2>
    <div class="container row" style="margin-top: 10px">
        <div class="panel panel-primary filterable">
            <form class="form-horizontal row" style="margin-top: 15px;padding-left: 20px;padding-right: 20px">

                <div class="col-md-4 form-group">
                    <div class="form-group">
                        <label class="col-md-3 control-label">城市</label>
                        <div class="col-md-9 input-group">
                            <span class="input-group-addon">从</span>
                            <input type="text" placeholder="输入国际/城市/机场（可不填）" class="form-control" data-cip-id="cIPJQ342845639">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-3 control-label"></label>
                        <div class="col-md-9 input-group">
                            <span class="input-group-addon">往</span>
                            <input type="text" placeholder="输入国际/城市/机场（可不填）" class="form-control" data-cip-id="cIPJQ342845639">
                        </div>
                    </div>
                </div>
                <div class="col-md-4 ">
                    <div class="form-group">
                        <label class="col-md-3 control-label">时间</label>
                        <div class="col-md-9 input-group">
                            <span class="input-group-addon">从</span>
                            <input type="text" placeholder="出发日期" class="form-control" data-cip-id="cIPJQ342845639">
                        </div>
                    </div><div class="form-group">
                              <label class="col-md-2 ">

                                  
                              </label>
                              <div class="col-md-10 input-group">
                                  <span class="input-group-addon">
                                      <input type="checkbox" name="optionsRadios" value="RT"> 往返
                                  </span>
                                  <input type="text" placeholder="返程日期" readonly class="form-control" data-cip-id="cIPJQ342845639">
                              </div>
                          </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label class="col-md-3 control-label">航司</label>
                        <div class="col-md-8">
                            <select class=" form-control" id="subject" name="subject" required="required" data-cip-id="cIPJQ342845639">
                                <option value="na" selected="">Choose One:</option>
                                <option value="service">General Customer Service</option>
                                <option value="suggestions">Suggestions</option>
                                <option value="product">Product Support</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group text-center">
                        <button class="btn btn-info btn-sm" style="width: 100px">搜索</button>
                        <button class="btn btn-info btn-sm" style="width: 100px">搜索返程</button>
                    </div>
                </div>

            </form>
        </div>

        <div class="col-md-9 ">

            <h2>选择航班 北京→大连 ( 12月3日 周三 ) </h2>
            <div class="panel panel-primary filterable">
                <table class="table table-hover table-condensed">
                    <thead>
                        <tr>
                            <th style="width:30%">航班信息</th>
                            <th style="width:20%">起降信息</th>
                            <th style="width:10%">舱位</th>
                            <th style="width:10%" class="text-center">票价</th>
                            <th style="width:20%" class="text-center">报价/反点</th>
                            <th style="width:10%"></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td data-th="航班信息">
                                <div class="row">
                                    <div class="col-sm-3 hidden-xs"><img src="http://placehold.it/100x100" alt="..." class="img-responsive" /></div>
                                    <div class="col-sm-9">
                                        <h4>南方航空CZ3163</h4>
                                        <p>空客320(中)</p>
                                    </div>
                                </div>
                            </td>
                            <td data-th="起降信息">22:25 黄花机场T2<br>00:45 首都机场T2</td>
                            <td data-th="舱位">
                                经济舱 Y<br><a>退改签</a>
                            </td>
                            <td data-th="票价" class="text-center">￥710<br>100折</td>
                            <td data-th="报价/反点" class="text-center">￥380<br>10%</td>
                            <td class="actions" data-th="">
                                <button class="btn btn-info btn-sm">比价<i class="fa fa-refresh"></i></button>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="4">机建/燃油:￥50/￥60  有餐食   1小时25分钟</td>
                            <td><a href="#">更多舱位</a></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td data-th="航班信息">
                                <div class="row">
                                    <div class="col-sm-3 hidden-xs"><img src="http://placehold.it/100x100" alt="..." class="img-responsive" /></div>
                                    <div class="col-sm-9">
                                        <h4>南方航空CZ3163</h4>
                                        <p>空客320(中)</p>
                                    </div>
                                </div>
                            </td>
                            <td data-th="起降信息">22:25 黄花机场T2<br>00:45 首都机场T2</td>
                            <td data-th="舱位">
                                经济舱 Y<br><a>退改签</a>
                            </td>
                            <td data-th="票价" class="text-center">￥710<br>100折</td>
                            <td data-th="报价/反点" class="text-center">￥380<br>10%</td>
                            <td class="actions" data-th="">
                                <button class="btn btn-info btn-sm">比价<i class="fa fa-refresh"></i></button>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="4">机建/燃油:￥50/￥60  有餐食   1小时25分钟</td>
                            <td><a href="#">更多舱位</a></td>
                            <td></td>
                        </tr>
                    </tbody>
                    @*<tfoot>
                    <tr class="visible-xs">
                        <td class="text-center"><strong>Total 1.99</strong></td>
                    </tr>
                    <tr>
                        <td><a href="#" class="btn btn-warning"><i class="fa fa-angle-left"></i> Continue Shopping</a></td>
                        <td colspan="3" class="hidden-xs"></td>
                        <td class="hidden-xs text-center"><strong>Total $1.99</strong></td>
                        <td><a href="#" class="btn btn-success btn-block">Checkout <i class="fa fa-angle-right"></i></a></td>
                    </tr>
                </tfoot>*@
                </table>
            </div>
            <div class="panel panel-primary filterable">
                <div class="panel-heading">
                    <div class="panel-title">相关航线</div>
                </div>
                <div class="panel-body">
                    <div style="height: 100px"></div>
                </div>
            </div>
            <div class="panel panel-primary filterable">
                <div class="panel-heading">
                    <div class="panel-title">长沙-北京价格趋势</div>
                </div>
                <div class="panel-body">
                    <div style="height: 100px"></div>
                </div>
            </div>
            <div class="panel panel-primary filterable">
                <div class="panel-heading">
                    <div class="panel-title">返程推荐</div>
                </div>
                <div class="panel-body">
                    <div style="height: 100px"></div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="panel panel-primary filterable">
                <div class="panel-heading">
                    <div class="panel-title">长沙 北京</div>
                </div>
                <div class="panel-body">
                    <div style="height: 100px"></div>
                </div>
            </div>
            
            <div class="panel panel-primary filterable">
                <div class="panel-heading">
                    <div class="panel-title">这里可以投放广告</div>
                </div>
                <div class="panel-body">
                    <div style="height: 100px"></div>
                </div>
            </div>
        </div>
    </div>
</div>
